<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue的基本使用</title>
    <!--    引入本地vue.js 文件-->
    <script src="../js/vue.js"></script>

    <!--    引入在线vue.js 文件-->
    <!--    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>-->
</head>
<body>

<!--  初始化容器-->
<div id="app">

</div>

<script type="text/javascript">

    // 关闭生产提示   设置之后可能不生效    可以直接改变vue.js中的配置
    Vue.config.productionTip = false;

    //  每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的
    const  vm =  new Vue({
        template:'<div>' +
                    '<h1>hello javascript</h1>' +
                    '<h1>hello world</h1>' +
                 '</div>'
    })

    //  实现vm 和 app  挂载
    // vm.$mount(document.getElementById("app"))
    vm.$mount("#app")


</script>

</body>
</html>
